<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>

    <div class="header">
        <div class="header_top">
            <div class="container">
                <div class="nav_left clearfix">
                    <a href="">小米官网</a>
                    <span>|</span>
                    <a href="">小米商城</a>
                    <span>|</span>
                    <a href="">小米澎湃OS</a>
                    <span>|</span>
                    <a href="">小米汽车</a>
                    <span>|</span>
                    <a href="">云服务</a>
                    <span>|</span>
                    <a href="">IoT</a>
                    <span>|</span>
                    <a href="">小爱开放平台</a>
                    <span>|</span>
                    <a href="">资质证照</a>
                    <span>|</span>
                    <a href="">协议规则</a>
                    <span>|</span>
                    <a href="">下载app</a>
                    <span>|</span>
                    <a href="">Select Location</a>
                </div>
                <div class="nav_right">
                    <div class="nav_right_left">
                        <a href="">登录</a>
                        <span>|</span>
                        <a href="">注册</a>
                        <span>|</span>
                        <a href="" class="message">消息通知</a>
                    </div>
                    <div class="nav_right_right">
                        <a href="" class="car">
                            <!-- 图标 -->
                            <i class="iconfont icon-gouwuche"></i>
                            购物车
                            <!-- 二级导航 -->
                            <div class="carList">购物车还没有商品,赶紧选购吧!</div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="header_nav">
            <div class="nav_logo">
                <img src="images/logo.png" alt="">
            </div>
            <div class="nav_list clearfix">
                <ul>
                    <li><a href="">Xiaomi手机</a>
                        <div class="b">123</div>
                    </li>
                    <li><a href="">Redmi手机 </a>
                        <div class="b">123</div>
                    </li>
                    <li><a href="">电视</a>
                        <div class="b">123</div>
                    </li>
                    <li><a href="">笔记本</a>
                        <div class="b">123</div>
                    </li>
                    <li><a href="">平板</a>
                        <div class="b">123</div>
                    </li>
                    <li><a href="">家电</a>
                        <div class="b">123</div>
                    </li>
                    <li><a href="">路由器</a>
                        <div class="b">123</div>
                    </li>
                    <li><a href="">服务中心</a></li>
                    <li><a href="">社区</a></li>
                </ul>
            </div>
            <div class="nav_search">
                <form action="" method="get" class="search_form clearfix">
                    <a><input type="text" class="search_text" placeholder="热水器"></a>
                    <button type="submit" class="search-btn">
                        <i class="iconfont icon-sousuo"></i>
                    </button>
                </form>
            </div>
        </div>

    </div>
    <!-- 中间 -->
    <div class="middle">
        <div class="header_banner clearfix">
            <!-- 左边导航 -->
            <div class="header_banner_left">
                <ul>
                    <li>
                        <span>手机</span>
                        <span>&gt</span>
                        <div class="level2">
                            123
                        </div>
                    </li>
                    <li>
                        <span>电视</span>
                        <span>&gt</span>
                        <div class="level2">
                            123
                        </div>
                    </li>
                    <li>
                        <span>家电</span>
                        <span>&gt</span>
                        <div class="level2">
                            123
                        </div>
                    </li>
                    <li>
                        <span>笔记本 平板 显示器</span>
                        <span>&gt</span>
                        <div class="level2">
                            123
                        </div>
                    </li>
                    <li>
                        <span>出行 穿戴</span>
                        <span>&gt</span>
                        <div class="level2">
                            123
                        </div>
                    </li>
                    <li>
                        <span>耳机 音响</span>
                        <span>&gt</span>
                        <div class="level2">
                            123
                        </div>
                    </li>
                    <li>
                        <span>健康 儿童</span>
                        <span>&gt</span>
                        <div class="level2">
                            123
                        </div>
                    </li>
                    <li>
                        <span>生活 箱包</span>
                        <span>&gt</span>
                        <div class="level2">
                            123
                        </div>
                    </li>
                    <li>
                        <span>智能 路由器</span>
                        <span>&gt</span>
                        <div class="level2">
                            123
                        </div>
                    </li>
                    <li>
                        <span>电源 配件</span>
                        <span>&gt</span>
                        <div class="level2">
                            123
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 轮播图 -->
            <div class="banner">
                <img src="../xiaomi/images/banner.png" alt="">
            </div>
        </div>
        <div class="header_bottom clearfix">
            <div class="header_bottom_left">
                <ul>
                    <li><a><img src="../xiaomi/images/nav_4.1.png" alt="">保障服务</a></li>
                    <li><a><img src="../xiaomi/images/nav_4.2.png" alt="">企业团购</a></li>
                    <li><a><img src="../xiaomi/images/nav_4.3.png" alt="">F码通道</a></li>
                    <li><a>
                            <img src="../xiaomi/images/nav_4.4.png" alt="">米粉卡</a></li>
                    <li><a>
                            <img src="../xiaomi/images/nav_4.5.png" alt="">以旧换新</a></li>
                    <li><a>
                            <img src="../xiaomi/images/nav_4.6.png" alt="">话费充值</a></li>
                </ul>
            </div>
            <div class="header_bottom_right clearfix">
                <ul>
                    <li class="first"><a href=""><img src="../xiaomi/images/banner1.png" alt=""></a></li>
                    <li><a href=""><img src="../xiaomi/images/banner2.jpg" alt=""></a></li>
                    <li><a href=""><img src="../xiaomi/images/banner3.png" alt=""></a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 中下 -->
    <div class="middle1 container">
        <div class="m1">
            <a href=""><img src="../xiaomi/images/banner4.webp" alt=""></a>
        </div>
        <div class="phone">
            <div class="box_phone">
                <h2 class="title">手机</h2>
                <div class="more"><a href="">查看更多
                        <i class="iconfont icon-arrow-right"></i></a>
                </div>
            </div>
            <div class="box_phone_img clearfix">
                <div class="row">
                    <div class="span1">
                        <ul class="phoneList1">
                            <li class="phoneList2 clearfix">
                                <a href=""><img src="../xiaomi/images/s1.webp" alt=""></a>
                            </li>
                        </ul>
                    </div>
                    <div class="span2">
                        <ul class="phoneList3 clearfix">
                            <li><a href="">
                                    <div class="p">
                                        <img src="../xiaomi/images/s2.webp" alt="">
                                    </div>
                                    <h3 class="title">Xiaomi 15</h3>
                                    <p class="dec"> 徕卡光学 Summilux 高速镜头｜骁龙®8至尊版移动平台｜5400mAh 小米金沙江电池 小米澎湃OS 2</p>
                                    <p class="price">
                                        <span class="num">4499</span>元<span>起</span>
                                    </p>
                                </a></li>
                            <li><a href="">
                                    <div class="p">
                                        <img src="../xiaomi/images/s3.webp" alt="">
                                    </div>
                                    <h3 class="title">Xiaomi 15 Pro</h3>
                                    <p class="dec"> 徕卡光学 Summilux 高速镜头｜ 骁龙®8至尊版移动平台｜6100mAh 小米金沙江电池｜小米澎湃OS 2</p>
                                    <p class="price">
                                        <span class="num">5299</span>元<span>起</span>
                                    </p>
                                </a></li>
                            <li><a href="">
                                    <div class="p">
                                        <img src="../xiaomi/images/s4.webp" alt="">
                                    </div>
                                    <h3 class="title">Xiaomi 15 定制版</h3>
                                    <p class="dec"> 卡光学 Summilux 高速镜头｜骁龙®8至尊版移动平台｜5400mAh 小米金沙江电池 小米澎湃OS 2</p>
                                    <p class="price">
                                        <span class="num">4499</span>元<span>起</span>
                                    </p>
                                </a></li>
                            <li><a href="">
                                    <div class="p">
                                        <img src="../xiaomi/images/s5.webp" alt="">
                                    </div>
                                    <h3 class="title">
                                        Redmi Note 14 Pro+
                                    </h3>
                                    <p class="dec"> 第三代骁龙®7s</p>
                                    <p class="price">
                                        <span class="num">1899</span>元<span>起</span>
                                    </p>
                                </a></li>
                            <li><a href="">
                                    <div class="p">
                                        <img src="../xiaomi/images/s6.webp" alt="">
                                    </div>
                                    <h3 class="title">Redmi Note 14 Pro </h3>
                                    <p class="dec"> 天玑 7300-Ultra</p>
                                    <p class="price">
                                        <span class="num">1399</span>元<span>起</span>
                                    </p>
                                </a></li>
                            <li><a href="">
                                    <div class="p">
                                        <img src="../xiaomi/images/s7.webp" alt="">
                                    </div>
                                    <h3 class="title">
                                        Redmi K70 至尊版
                                    </h3>
                                    <p class="dec"> 性能魔王 全面进化</p>
                                    <p class="price">
                                        <span class="num">2499</span>元<span>起</span>
                                    </p>
                                </a></li>
                            <li><a href="">
                                    <div class="p">
                                        <img src="../xiaomi/images/s8.webp" alt="">
                                    </div>
                                    <h3 class="title">
                                        Xiaomi MIX Flip
                                    </h3>
                                    <p class="dec"> 4.01英寸多功能超大外屏|徕卡光学Summilux镜头</p>
                                    <p class="price">
                                        <span class="num">5999</span>元<span>起</span>
                                    </p>
                                </a></li>
                            <li><a href="">
                                    <div class="p">
                                        <img src="../xiaomi/images/s9.webp" alt="">
                                    </div>
                                    <h3 class="title">
                                        Xiaomi MIX Fold 4
                                    </h3>
                                    <p class="dec"> 超轻薄四曲面机身|小米龙骨转轴2.0|全碳纤维支撑架构</p>
                                    <p class="price">
                                        <span class="num">8999</span>元<span>起</span>
                                    </p>
                                </a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="appliance">
            <div class="box_hd clearfix">
                <h2 class="title"> 家电</h2>
                <div class="more">
                    <ul class="tab-list">
                        <li class="tab-active">热门</li>
                        <li>电视观影</li>
                        <li>空调</li>
                    </ul>
                </div>
            </div>
            <div class="box_appliance_bd clearfix">
                <div class="row">
                    <div class="span1">
                        <ul class="box_appliance_list clearfix">
                            <li><a href=""><img src="../xiaomi/images/d1.webp" alt=""></a></li>
                            <li><a href=""><img src="../xiaomi/images/d6.webp" alt=""></a></li>
                        </ul>
                    </div>
                    <div class="span2">
                        <div>
                            <ul class="box_app_list clearfix">
                                <div>
                                    <li><a href="">
                                            <div class="p">
                                                <img src="../xiaomi/images/d2.webp" alt="">
                                            </div>
                                            <h3 class="title">
                                                小米电视S系列
                                            </h3>
                                            <p class="dec">
                                                144HZ超高刷 3+32G 多色温色彩还原技术
                                            </p>
                                            <p class="price">
                                                <span class="num"> 2599</span>元<span>起</span>
                                            </p>
                                        </a></li>
                                </div>
                                <div>
                                    <li><a href="">
                                            <div class="p">
                                                <img src="../xiaomi/images/d3.webp" alt="">
                                            </div>
                                            <h3 class="title">

                                                小米电视S Pro Mini LED系列

                                            </h3>
                                            <p class="dec">
                                                144Hz超高刷、4+64G大存储
                                            </p>
                                            <p class="price">
                                                <span class="num"> 4999</span>元<span>起</span>
                                            </p>
                                        </a></li>
                                </div>
                                <div>
                                    <li><a href="">
                                            <div class="p">
                                                <img src="../xiaomi/images/d4.webp" alt="">
                                            </div>
                                            <h3 class="title">

                                                小米电视 S Mini LED 系列

                                            </h3>
                                            <p class="dec">
                                                Mini LED 高分区背光、1200nits峰值亮度
                                            </p>
                                            <p class="price">
                                                <span class="num"> 2999</span>元<span>起</span>
                                            </p>
                                        </a></li>
                                </div>
                                <div>
                                    <li><a href="">
                                            <div class="p">
                                                <img src="../xiaomi/images/d5.webp" alt="">
                                            </div>
                                            <h3 class="title">

                                                巨省电 小米空调 1.5匹新1级能效

                                            </h3>
                                            <p class="dec">
                                                强劲制冷 | 高效节能 | 智能互联
                                            </p>
                                            <p class="price">
                                                <span class="num"> 2499</span>元
                                            </p>
                                        </a></li>
                                </div>
                                <div>
                                    <li><a href="">
                                            <div class="p">
                                                <img src="../xiaomi/images/d7.webp" alt="">
                                            </div>
                                            <h3 class="title">

                                                米家新风空调 立式3匹

                                            </h3>
                                            <p class="dec">
                                                全屋快通风，就要大新风
                                            </p>
                                            <p class="price">
                                                <span class="num"> 5999</span>元
                                                <del>
                                                    <span class="num">7299</span>元
                                                </del>
                                            </p>
                                        </a></li>
                                </div>
                                <div>
                                    <li><a href="">
                                            <div class="p">
                                                <img src="../xiaomi/images/d8.webp" alt="">
                                            </div>
                                            <h3 class="title">

                                                米家波轮洗衣机 10kg

                                            </h3>
                                            <p class="dec">
                                                全景玻璃阻尼上盖 防夹手
                                            </p>
                                            <p class="price">
                                                <span class="num"> 999</span>元
                                                <del>
                                                    <span class="num">1499</span>元
                                                </del>
                                            </p>
                                        </a></li>
                                </div>
                                <div>
                                    <li><a href="">
                                            <div class="p">
                                                <img src="../xiaomi/images/d9.webp" alt="">
                                            </div>
                                            <h3 class="title">

                                                米家迷你波轮洗衣机Pro 3kg

                                            </h3>
                                            <p class="dec">
                                                高温煮洗 杀菌除螨
                                            </p>
                                            <p class="price">
                                                <span class="num"> 849</span>元
                                                <del>
                                                    <span class="num">1599</span>元
                                                </del>
                                            </p>
                                        </a></li>
                                </div>
                                <div>
                                    <li class="lists"><a href="">
                                            <div class="a">
                                                <img src="../xiaomi/images/d10.webp" alt="">
                                            </div>
                                            <h3 class="title2">
                                                米家冰箱无霜两门186L
                                            </h3>
                                            <p class="price2">
                                                <span class="num">1199</span>元
                                            </p>
                                        </a></li>
                                </div>
                                <li class="lists ap"><a href="">
                                        <div class="b">
                                            <i class="iconfont icon-arrow-right-circle-line"></i>
                                        </div>
                                        <div class="c">
                                            浏览更多
                                            <small>热门</small>
                                        </div>
                                    </a></li>
                            </ul>
                        </div>
                        <div>
                            <ul class="clearfix"></ul>
                        </div>
                        <div>
                            <ul class="clearfix"></ul>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="m1">
            <a href=""><img src="../xiaomi/images/1.webp" alt=""></a>
        </div>
    </div>
    <div class="foot_top container">
        <div class="foot_nav clearfix">
            <ul>
                <li>
                    <a href="">
                        预约维修服务</a>
                </li>
                <li>
                    <a href="">
                        7天无理由退货</a>
                </li>
                <li>
                    <a href="">
                        15天免费换货</a>
                </li>
                <li>
                    <a href="">
                        满69包邮</a>
                </li>
                <li>
                    <a href="">
                        1100余家售后网点</a>
                </li>
            </ul>
        </div>
        <div class="nav_bottom clearfix">
            <div class="link">
                <dt></dt>
            </div>
            <div class="link">
                <dt>选购指南</dt>
                <dd><a href="">手机</a></dd>
                <dd><a href="">电视</a></dd>
                <dd><a href="">笔记本</a></dd>
                <dd><a href="">平板</a></dd>
                <dd><a href="">穿戴</a></dd>
                <dd><a href="">耳机</a></dd>
                <dd><a href="">家电</a></dd>
                <dd><a href="">路由器</a></dd>
                <dd><a href="">音箱</a></dd>
                <dd><a href="">配件</a></dd>
            </div>
            <div class="link">
                <dt>服务中心</dt>
                <dd><a href="">申请售后</a></dd>
                <dd><a href="">售后政策</a></dd>
                <dd><a href="">维修服务价值</a></dd>
                <dd><a href="">订单查询</a></dd>
                <dd><a href="">以旧换新</a></dd>
                <dd><a href="">保障服务</a></dd>
                <dd><a href="">防伪查询</a></dd>
                <dd><a href="">F码通道</a></dd>
            </div>
            <div class="link">
                <dt>线下门店</dt>
                <dd><a href="">小米之家</a></dd>
                <dd><a href="">服务网点</a></dd>
                <dd><a href="">授权体验店/专区</a></dd>
            </div>
            <div class="link">
                <dt>关于小米</dt>
                <dd><a href="">了解小米</a></dd>
                <dd><a href="">加入小米</a></dd>
                <dd><a href="">投资者关系</a></dd>
                <dd><a href="">廉洁举报</a></dd>
            </div>
            <div class="link">
                <dt>关于我们</dt>
                <dd><a href="">新浪微博</a></dd>
                <dd><a href="">官方微信</a></dd>
                <dd><a href="">联系我们</a></dd>
                <dd><a href="">公益基金会</a></dd>
            </div>
            <div class="link_right">
                <div class="top">
                    <p class="phone">400-100-5678</p>
                    <p>8:00-18:00(仅收市话费)</p>
                    <div class="small">
                        <a href="">人工客服</a>
                    </div>
                </div>
                <div class="bottom">
                    <p class="phone">400-100-5678</p>
                    <p>8:00-18:00(仅收市话费)</p>
                    <p>适用于:MIX FOLD、巨屏电视系列</p>
                    <div class="small">
                        <a href="" >人工客服</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="foot_bottom container">
        <div class="logo"><img src="../xiaomi/images/logo.png" alt=""></div>
        <div class="text">
            <p>
                <a href="">小米商城</a>
                <span class="sep">|</span>
                <a href="">小米澎湃OS</a>
                <span class="sep">|</span>
                <a href="">米家</a>
                <span class="sep">|</span>
                <a href="">多看</a>
                <span class="sep">|</span>
                <a href="">游戏</a>
                <span class="sep">|</span>
                <a href="">音乐</a>
                <span class="sep">|</span>
                <a href="">政企服务</a>
                <span class="sep">|</span>
                <a href="">小米天猫店</a>
                <span class="sep">|</span>
                <a href="">小米集团隐私政策</a>
                <span class="sep">|</span>
                <a>小米公司儿童信息保护规则</a>
                <span class="sep">|</span>
                <a href="">小米商城隐私政策</a>
                <span class="sep">|</span>
                <a href="">小米商城用户协议</a>
                <span class="sep">|</span>
                <a href="">问题反馈</a>
                <span class="sep">|</span>
                <a href="">Select Location</a>
            </p>
            <p>
                <a href="">北京互联网法院法律服务工作站</a>
                <a href="">中国消费者协会</a>
                <a href="">北京市消费者协会</a>
            </p>
            <p>
                <a href="">mi.com</a> 京ICP证110507号
                <a href="">京ICP备10046444号</a>
                <a href="">京公网安备11010802020134号</a>
                <a href="">京网文[2023]0169-004号</a>
                <br>
                <a href="">（京）网械平台备字（2018）第00005号</a>
                <a href="">药品医疗器械网络信息服务备案 (京)网药械信息备字（2024）第00478号</a>
                <a href="">营业执照</a>
                <a href="">医疗器械质量报告</a>
                <br>
                <a href="">增值电信业务经营许可证编号：京B2-20180851</a>
                &nbsp;网络食品经营备案 京食药网食备202010048 &nbsp; 
                <a href="">食品经营许可证</a> &nbsp;新出发京批字第直220280号
                <br>
                违法和不良信息举报电话：171-5104-4404&nbsp;
                <a href="">知识产权侵权投诉</a> &nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
            </p>
        </div>
    </div>
</body>

</html>